body {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask2006%26quot%3b)' fill='none'%3e%3cpath d='M-345.45 250.08C-117.25 258.05 1.24 576.92 490.84 617.28 980.44 657.64 1062.96 1242.77 1327.13 1281.51' stroke='rgba(12%2c 20%2c 128%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M-178.48 680.79C-16.76 681.54 137.85 815.79 454.18 815.79 770.51 815.79 763.37 679.29 1086.83 680.79 1410.3 682.29 1532.4 1069.28 1719.49 1086.17' stroke='rgba(12%2c 20%2c 128%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M-383.96 836.44C-185.16 819.75-57.15 412.06 293.81 415.24 644.77 418.42 723.5 1125.37 971.58 1201.67' stroke='rgba(12%2c 20%2c 128%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M-69.92 473.6C152.58 487.7 355.76 866.69 710.24 905.6 1064.72 944.51 966.93 1258.98 1100.32 1289.24' stroke='rgba(12%2c 20%2c 128%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M-179.02 628.46C-34.73 629.4 101.57 763.46 382.16 763.46 662.75 763.46 638.31 618.51 943.34 628.46 1248.37 638.41 1303.94 1187.95 1504.52 1243.7' stroke='rgba(12%2c 20%2c 128%2c 1)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask2006'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}

/*  Navbar */

.logo{
    width:100%;
}

.navbar {
  color: #fff5f5;
  position: fixed;
  width: 100%;
  transition: top 0.8s;
  backdrop-filter: blur(5px);
  font-size: 20px;
}

.navbar.retracted {
  top: -100px; 
}

/* Inicio */
.title {
  font-size: 5.6rem;
  font-family: 'Lobster', cursive;
}

.wrapper {
  background: url("https://images.unsplash.com/photo-1465146633011-14f8e0781093?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=3450&q=80");
  color: #eee;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: 1000px;
  perspective-origin: 50% 50%;
  animation: animation 100s linear infinite;
}

@keyframes animation {
   100%{
    background-position:0px -3000px;
  }
}



#head.secondary { 
    height:100px; 
    min-height: 100px; 
    padding-top:0px; 
}

.breadcrumb { 
    background:none; 
    padding:0; 
    margin:30px 0 0px 0; 
}

.page-title { 
    margin-top:20px; 
    font-weight:300; 
}

/* Helpers */
.container-full { 
    width: 100%; 
}
.top-space { 
    margin-top: 60px; 
}
.top-margin { 
    margin-top:45px; 
    
}

#map { 
    margin-bottom: -4%;
    width:100%; 
    height:380px; }


.btnL{
    border-radius: 10px;
    background: #570505e1;
    border:none;
    color: #ffffff;
    box-shadow: #000000 5px 5px 8px 2px;
}
    
.btnL{
    margin-left: 1%;
}
    
.btnL:hover {
    background: #ffffffa8;
}

/*  Flechas */
.arrow-container {
  position:static;
  transform: translateY(-50%);
}

.arrow-left, .arrow-right {
  font-size: 42px;
  cursor: pointer;
  position: absolute;
}

.arrow-left {
  left: -10%;
  margin-top: 10%;
}

.arrow-right {
  right: -10%;
  margin-top: 10%;
}

#txtVl{
  margin-left: 2.5%;
  margin-bottom: 15%;
}

#txtCo{
  text-align: justify;
}

#liVest{
  font-size: 14px;
  text-align: justify; 
  background-color: white; 
  margin: 5%;
}

/* Boton Responsivo */
.responsive-button {
  position: static;
  bottom: 20px;
  margin-left: 76%;
  margin-top: 5%;
}

/* Footer */
.footer1 { 
  background: linear-gradient(100deg, #490d0d, #ad1515dc);
  padding: 30px 0 0 0; 
  font-size: 17px; 
  color: #f1f1f1d5; 
}

.footer1 a { 
  color: #ffffffe5; 
}

.footer1 a:hover {
  color: #fff; 
}
.footer1 .widget-title { 
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 19.5px; 
  font-weight: bold; 
  color: #ccc; 
  margin: 0 0 15px;  
}

.follow-me-icons { 
  font-size:30px; 
}		
.follow-me-icons i { 
  float:left; 
  margin:0 10px 0 0; 
}		

.footer2 { 
  background: linear-gradient(100deg, rgb(0, 0, 0), #421515,#ad1515);
  padding: 15px 0; 
  color: #fffdfdc2; 
  font-size: 14px; 
}
  .footer2 a { 
    color: #d6d6d6; 
  }
  .footer2 a:hover { 
    color: #fff; 
  }
  .footer2 p { 
    margin: 0; 
  }

@media only screen and (min-width:320px) and (max-width:768px){

    .form-control{
        margin-bottom: 12px;
    }

    #btnEnviar{
        margin-bottom: 40px;
    }

    .arrow-left {
      left: 1%;
      margin-top: 90%;
    }
    
    .arrow-right {
      right: 1%;
      margin-top: 90%;
    }
    
    #txtVl{
      margin-left: 4%;
    }

    #txtCo{
      margin-left: 8%;
      margin-right: 8%;
    }

    .info-contenedor{
        flex: 2;
        margin-left: 10px;
        margin-right: 10px;
        padding: 0px;
        background-color: white;
    }
}

/* Responsive */

@media only screen and (min-width:356px) and (max-width:768px){
	
  .titulo{
    padding-top: 14rem;
    text-align: center;
  }
  
  .tagline{
    text-align: center;
    margin: 2%;
  }

  .principal{
    padding-left: 5%;
  }

  .btnC, .btnP{
    margin-left: 18%;
    margin-top: 5%;
    width: 60%;
    }

    .logo{
      top: 24%;
      width: 25%;
      position: absolute;
  }
  .navbar-header{
    width:100%;
  }

  }

  @media only screen and (min-width:200px) and (max-width:355px){

  .form-control{
      margin-bottom: 12px;
  }

  .logo{
    top: 24%;
    width: 25%;
    position: absolute;
  }
  .navbar-header{
    width:100%;
  }
    
    #btnEnviar{
      margin-bottom: 40px;
  }

  .arrow-left {
    left: 1%;
    margin-top: 109%;
  }
  
  .arrow-right {
    right: 1%;
    margin-top: 109%;
  }
  
  #txtVl{
    margin-left: 4%;
  }

  #txtCo{
    margin-left: 8%;
    margin-right: 8%;
  }

  .info-contenedor{
      flex: 2;
      margin-left: 25px;
      margin-right: 25px;
      padding: 0px;
      background-color: white;
  }
  .info-contenedor h1{
    font-size: 25px;
    margin-left: 4%;
    margin-bottom: 9%;
}
.info-contenedor li{
  font-size: 12px;
  margin-left: 4%;
  margin-bottom: 2.5%;
}

#liVest{
  font-size: 9px;
}

    }